<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="This is a kind of page we used to improve our skills." />
    <meta name="keywords" content="fake,renren,test." />
    <title>fake renren</title>
    <link type="text/css" href="css/index.css" rel="stylesheet"/>
    <!--菜单-->
    <link type="text/css" href="css/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>
	<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
	<!--视频-->    
			<link rel="stylesheet" type="text/css" href="engine/css/overlay-minimal.css"/>
			<link rel="stylesheet" type="text/css" href="engine/css/videolightbox.css"/>
			<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
			<script src="engine/js/swfobject.js" type="text/javascript"></script>
			<!-- make all links with the 'rel' attribute open overlays -->
			<script src="engine/js/videolightbox.js" type="text/javascript"></script>	
<script type="text/javascript">
	$(function(){			//dom元素加载完毕
		$(".news").mouseover(function(){
			$(this).children("div.toolbar").css("visibility","visible");
			});
		$(".news").mouseout(function(){
			$(this).children("div.toolbar").css("visibility","hidden");
			});
		});
function Focus()
{
	document.myform.text.rows="4"
	document.myform.text.cols="42"
	document.myform.text.value=""
	document.myform.reply.style.visibility="visible"
	document.myform.reply.style.marginBottom="10px"
	var tmp=document.getElementById("user_1")
	tmp.style.display="block"
	
}
function Blur()
{
	document.myform.text.rows="1"
	document.myform.text.cols="50"
	document.myform.text.value="添加回复"
	document.myform.reply.style.visibility="hidden"
	document.myform.reply.style.marginBottom="0px"
	var tmp=document.getElementById("user_1")
	tmp.style.display="none"
}
function Close()
{
	var tmp=document.getElementById("1")
	tmp.style.display="none";
}
</script>

    
    
    
    
    
</head>
<body>

<style type="text/css">
* { margin:0;
    padding:0;
}
body
{ 
	//background:rgb(74,81,85);
	background:#ffffff;
}
div#menu 
{ 
	margin:5px auto; 
	margin-top:40px;	
}
div#copyright {
    font:11px 'Trebuchet MS';
    color:#fff;
    text-indent:30px;
    padding:40px 0 0 0;
}
div#copyright a { color:#ff4500; }
div#copyright a:hover { color:#fff; }

</style>
<div id="allcontent">	
<div id="menu" >
    <ul class="menu" >
        <li><a href="#" class="parent"><span>首页</span></a>
        </li>
        <li><a href="#" class="parent"><span>个人主页</span></a>
            <ul>
                <li><a href="#" ><span>Sub Item 1</span></a></li>
                <li><a href="#" ><span>Sub Item 2</span></a></li>
                <li><a href="#"><span>Sub Item 3</span></a></li>
                <li><a href="#"><span>Sub Item 4</span></a></li>
                <li><a href="#"><span>Sub Item 5</span></a></li>
                <li><a href="#"><span>Sub Item 6</span></a></li>
            </ul>
        </li>
        <li><a href="#"><span>好友</span></a></li>
        <li class="last"><a href="#"><span>应用</span></a></li>
    </ul>
</div>

<div id="container">
<div id="sidebar">
	<div class="side_user"><img src="images/qq.png"/><span>name</span></div>
	<div class="side_nav">
		<ul>
			<li><a href="#">日志</a></li>
			<li><a href="#">相册</a></li>
			<li><a href="#">音乐</a></li>
			<li><a href="#">分享</a></li>
			<li><a href="#">小组</a></li>
		</ul>
	</div>
</div>
	<div id="sidebar2">
		<div class="adt">这里放广告<br><img src="images/ad.jpg" /></div>
	</div>
<div id="list" >
	<div class="publish">
		<form method=post action="">
			<textarea name="" rows=3 cols=46>你在干嘛呢？</textarea>
			<input  type="submit" name="publish_content" value="发布" >
		</form></div>		
	<div class="news" id="1" >
	<hr />
		<div class="figure"><img src="images/qq.png"></div>	
		<div class="content" >
					<h3>这里放更新的内容</h3>
					<div id="videogallery"    margin-top="200px" >
						<a rel="#voverlay" href="engine/swf/player.swf?url=../../data/video/promise.flv&volume=100" title="promise" ><img src="data/thumbnails/promise.png" alt="promise" /><span></span></a>
						<a id="videolb" href="http://vedaclub.org" color=red></a>
					</div>
			</div>
		<div class="details">
			<div class="figure_r" id="user_1"><img src="images/qq.png"></div>
			<div class="reply">
					<form name="myform">
						<textarea name="text" rows="1" cols="50" onfocus=Focus() onblur=Blur()>添加回复</textarea>
						<input type=button name="reply" value="回复" style="margin-left:320px; visibility:hidden" onclick="" >
					</form></div>
			</div>
		<div class="toolbar" ><form name="myform2"><input type="button"  value="close" onclick=Close()></form></div>
	</div>

</div>


</div>

</div>
<script type="text/javascript">


function onYouTubePlayerReady(playerId) { 
ytplayer = document.getElementById("video_overlay"); 
ytplayer.setVolume(100); 
} 

</script> 


<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>
</html>